<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>h5新特性</title>
  </head>
  <body>
    <!-- 
    1. 新的语义化元素：main（主要内容区）、footer（底部）、header（头部）、nav（导航）、section（块）

      什么是语义化：有利于SEO，有利于开发者去开发

      什么是SEO：搜索引擎优化（让你的网站在搜索排名靠前）

      SEO优化：SSR 服务端渲染（nuxt）

    2. 新的表单控件：date、time、email、url、search（可说可不说）
      
      功能可以，但是样式太丑了，不好修改，实际开发不怎么使用。

      一般使用 element-ui 等库去使用

    3. 新的 API：
    ● 音视频：audio 和 video 元素
      扩展：流媒体视频播放技术（未来讲）

    ● 绘图图形：canvas 元素 -> echarts
      扩展：大屏数据可视化（图形图表展示、适配、数据实时交互）（未来讲）

    ● 本地存储：localStorage，sessionStorage
      存储 token 和 用户数据

      localStorage 和 sessionStorage 区别：
        localStorage 持久化存储，不删除会一直在
           sessionStorage 会话存储，浏览器一旦关闭会自动清除

      将登录持久化（7天免登录）：
        token -> jwt
          1. 登录将token给存储起来（vuex/pinia 访问速度更快，访问速度更快, localStorage 持久化存储）
          2. 发送请求携带token（在封装axios函数的请求拦截器中添加token请求头参数发送给服务器）
        cookie/session
          服务器返回cookie，浏览器会自动存储
          发送请求浏览器会自动携带cookie

      无痛刷新 token（未来讲）

    ● 多线程操作：Web Worker（未来讲）

      扩展：Web Worker可以开启分线程，将来大量计算工作会交给分线程做（优化）
   -->

    <input type="date" />
    <input type="time" />
  </body>
</html>
